﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>header </title>	
    <meta name="robots" content="index, follow" />
    <meta name="keywords" content="FURNITURE" />
    <meta name="description" content="FURNITURE" />
	<meta name="author" content="jiecui" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
	<!-- CSS ================================================== -->
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/styles/style.css" />
	<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/styles/skitter.styles.css" media="all" />
<!-- 	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300' rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Oswald:700,400' rel='stylesheet' type='text/css' /> -->
	
	<!-- Favicons================================================== -->
	<link rel="shortcut icon" href="<%=request.getContextPath()%>/resources/images/favicon.ico" />
		
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
		
</head>
<script type="text/javascript">

</script>
<body>
 <div id="outerheader">
            <header>
            	<section id="top">
                    <div id="logo">
                        <a href="index.html"><img src="<%=request.getContextPath()%>/resources/images/logo.png" alt="" /></a>
                    </div>
                    <ul id="sn">
                        <li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=878411379&amp;site=qq&amp;menu=yes" target="_blank"><span class="icon-img" style="background:url(<%=request.getContextPath()%>/resources/images/social/youtube.png)"></span></a></li>
                        <li><a href="http://www.cssmoban.com/" title="Stumbleupon"><span class="icon-img" style="background:url(<%=request.getContextPath()%>/resources/images/social/stumbleupon.png)"></span></a></li>
                        <li><a href="http://www.cssmoban.com/" title="pinterest"><span class="icon-img" style="background:url(<%=request.getContextPath()%>/resources/images/social/pinterest.png)"></span></a></li>
                        <li><a href="http://www.cssmoban.com/" title="Twitter"><span class="icon-img" style="background:url(<%=request.getContextPath()%>/resources/images/social/twitter.png)"></span></a></li>
                        <li><a href="http://www.cssmoban.com/" title="Google+"><span class="icon-img" style="background:url(<%=request.getContextPath()%>/resources/images/social/google.png)"></span></a></li>
                        <li><a href="http://www.cssmoban.com/" title="Facebook"><span class="icon-img" style="background:url(<%=request.getContextPath()%>/resources/images/social/facebook.png)"></span></a></li>
                    </ul>      
                </section>
                <section id="navigation">
                    <nav>
                        <ul id="topnav" class="sf-menu">
                            <li><a href="index.jsp" class="current" onclick="alert(0)">主页</a></li>
                            <li><a href="about.jsp">关于我们</a>
                            	<ul>
                                    <li><a href="single.jsp">详细</a></li>
                                    <li><a href="#">Dropdown</a>
                                        <ul>
                                            <li><a href="#">Only</a></li>
                                            <li><a href="#">Example of</a></li>
                                            <li><a href="#">The Dropdown</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="service.jsp">客户服务</a></li>
                            <li><a href="blog.jsp">博客</a></li>
                            <li><a href="product.jsp">产品展示</a></li>
                            <li><a href="element.jsp">新闻资讯</a></li>
                            <li><a href="contact.jsp">联系我们</a></li>
                        </ul><!-- topnav -->
                    </nav><!-- nav -->
                </section>
                                
                <div class="clear"></div>
            </header>
        </div>
	</body>
</html>